// main: ./darkBlue.less
.layui-table-page {
    border-top:1px solid @line_color;
    .layui-laypage {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        margin: 0px 0;
        font-size: 0;

        >a {
            &:first-child {
                border-radius: 2px 0 0 2px;

                em {
                    border-radius: 2px 0 0 2px;
                }
            }

            &:last-child {
                border-radius: 0 2px 2px 0;

                em {
                    border-radius: 0 2px 2px 0;
                }
            }
        }

        // > {
        //     &:first-child {
        //         margin-left: 0 !important;
        //     }

        //     &:last-child {
        //         margin-right: 0 !important;
        //     }
        // }

        a {
            border: 1px solid @laypage_border_color_2;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
            padding: 0 15px;
            height: 28px;
            line-height: 28px;
            margin: 0 -1px 5px 0;
            background-color: @laypage_background_color_1;
            color: @laypage_color_1;
            font-size: 12px;
            text-decoration: none;

            &:hover {
                color: @laypage_color_2;
            }
        }

        button {
            border: 1px solid @laypage_border_color_2;
            height: 30px;
            line-height: 30px;
            border-radius: 2px;
            vertical-align: top;
            background-color: @laypage_background_color_1;
            color: #fff;
            box-sizing: border-box;
            margin-left: 10px;
            padding: 0 10px;
            cursor: pointer;
        }

        input {
            border: 1px solid @laypage_border_color_2;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            border-radius: 2px;
            vertical-align: top;
            background-color: @laypage_background_color_1;
            box-sizing: border-box;
            width: 40px;
            margin: 0 10px;
            padding: 0 3px;
            text-align: center;

            &:focus {
                border-color: fade(@laypage_color_4,50%)  !important;
            }
        }

        select {
            border: 1px solid @laypage_border_color_2;
            background-color: @laypage_background_color_1;
            color: #fff;
            height: 22px;
            padding: 3px;
            border-radius: 2px;
            cursor: pointer;

            &:focus {
                border-color: fade(@laypage_color_4,50%)  !important;
            }
        }

        span {
            border: 1px solid @laypage_border_color_2;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
            padding: 0 15px;
            height: 28px;
            line-height: 28px;
            margin: 0 -1px 5px 0;
            background-color: none;
            color: @laypage_color_1;
            font-size: 12px;
        }

        em {
            font-style: normal;
        }

        .layui-laypage-spr {
            color: @laypage_color_3;
            font-weight: 700;
        }

        .layui-laypage-curr {
            position: relative;

            em {
                position: relative;
                color: @laypage_color_4;
            }

            .layui-laypage-em {
                position: absolute;
                left: -1px;
                top: -1px;
                padding: 1px;
                width: 100%;
                height: 100%;
                background-color:darken(@laypage_background_color_1,50%);;
            }
        }

        .layui-laypage-count {
            margin-left: 10px;
            margin-right: 10px;
            padding: 0;
            border: none;
        }

        .layui-laypage-limits {
            margin-left: 10px;
            margin-right: 10px;
            padding: 0;
            border: none;
            vertical-align: top;
        }

        .layui-laypage-refresh {
            margin-left: 10px;
            margin-right: 10px;
            padding: 0;
            border: none;
            vertical-align: top;

            i {
                font-size: 18px;
                cursor: pointer;
            }
        }

        .layui-laypage-skip {
            margin-left: 10px;
            margin-right: 10px;
            padding: 0;
            border: none;
            height: 30px;
            line-height: 30px;
            color: @laypage_color_3;
        }
    }
}